<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content=""/>
<script type="application/x-javascript">addEventListener("load",
      function() {
        setTimeout(hideURLbar, 0);
      },
      false);
      function hideURLbar() {
        window.scrollTo(0, 1);
      }</script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<!--<link href="css/popup-box.css" rel="stylesheet" type="text/css" media="all" />-->
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
<link rel="stylesheet" type="text/css" href="css/ico.css"/>
<!-- //Custom Theme files --><!-- web-fonts -->
<link href="http://fonts.googleapis.com/css?family=Arapey:400,400i" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300i,400,400i,600,600i,700" rel="stylesheet">
<!-- //web-fonts -->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- banner -->
<div id="home" class="w3ls-banner">
	<!-- header -->
	<div class="header-w3layouts">
		<!-- Navigation -->
		<nav class="navbar navbar-default navbar-fixed-top">
		<div class="container">
			<div class="navbar-header page-scroll">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
				<span class="sr-only">Dance Whirl</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				</button>
				<h1>
				<a class="navbar-brand" href="index.html">
					<img src="img/logo.png" alt="">
				</a></h1>
			</div>
			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse navbar-ex1-collapse">
				<ul class="nav navbar-nav navbar-right">
					<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
					<li class="hidden">
					<a class="page-scroll" href="#page-top"></a>
					</li>
					<li>
					<a class="page-scroll scroll" href="#home">主页</a></li>
					<li>
					<a class="page-scroll scroll" href="/">新闻</a></li>
					<li>
					<a class="page-scroll scroll" href="/">评级</a></li>
					<li>
					<a class="page-scroll scroll" href="/">数据</a></li>
					<li>
					<a class="page-scroll scroll" href="/">登录</a></li>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container --></nav>
	</div>
	<div class="ico-top-conten">
		<div class="ico-content-box">
			<div class="inwaer">
				<div class="contenr">
					<div class="content-box">
						<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
							<ul class="layui-tab-title">
								<li class="layui-this">进行中</li>
								<li>未开始</li>
								<li>已结束</li>
							</ul>
							<div class="layui-tab-content">
								<div class="layui-tab-item layui-show">
									<table class="layui-hide" id="test">
									</table>
								</div>
								<div class="layui-tab-item">
									内容2
								</div>
								<div class="layui-tab-item">
									内容3
								</div>
								<div class="layui-tab-item">
									内容4
								</div>
								<div class="layui-tab-item">
									内容5
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--footer-->
	<div class="copy-right">
		<div class="footer-nav">
			<ul>
				<li>Helo</li>
				<li>Helo</li>
				<li>Helo</li>
				<li>Helo</li>
			</ul>
			<ul>
				<li>Helo</li>
				<li>Helo</li>
				<li>Helo</li>
				<li>Helo</li>
			</ul>
			<ul>
				<li>Helo</li>
				<li>Helo</li>
				<li>Helo</li>
				<li>Helo</li>
			</ul>
		</div>
	</div>
	<!--footer-->
</div>
</body>
<script src="js/jquery-2.2.3.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
			layui.use('element', function(){
			var $ = layui.jquery
			,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
			//触发事件
			var active = {
				tabChange: function(){
					//切换到指定Tab项
					element.tabChange('demo', '22'); //切换到：用户管理
				}
			};
			layui.use('table', function(){
  var table = layui.table;
  table.render({
    elem: '#test'
    ,url:'/demo/table/user/'
		,cellMinWidth: 80
    ,cols: [[
      {field:'id',  title: '排名',class:'sss'}
      ,{field:'username',  title: '项目',class:'sss'}
      ,{field:'sex',title: '行业'}
      ,{field:'city', title: '技术实力',sort: true}
      ,{field:'sign', title: '社交热度',sort: true}
      ,{field:'experience', title: '时间进度', sort: true}
      ,{field:'score', title: '评分', sort: true}
    ]]
    ,page: true
  });
});	
});
		</script>
</html>